<div data-bind="with: overviewVM">	
    <div class="row header navigation-bar-bgd">
		<div class="back clickableEffect" id="fastButtonOverview" data-bind="style: { display: $root.isShowSearchResult() ? 'none' : 'block' }">
			<div class="btn-back">
			</div>
		</div>
		<div class="header-title" data-bind="text: $root.overviewVM.title">tes</div>
		<div class="search clickableEffect" id="fastButtonViewSearch">
			<div class="search-icon">&nbsp;</div>
		</div>
	</div>
	<div class="nano scroller overview">
		<div class="content overthrow ">
			<div class="root" data-bind="foreach: $root.overviewVM.list">
				<div class="sub" data-bind="attr: {'id': overView.dataId()+'id'}">
					<div class="overview-narrow"></div>
					<div>
						<img onLoad=" $(this).fadeIn('normal').siblings('div').fadeOut('normal') " data-bind="click: $root.overviewVM.viewBook, attr: { src: overView.thumbnailMediumDisplay }" style="display: none; z-index: 1" class="overview-images" />
					</div>
					<div style="margin-left: 54px; height:80px;line-height: 10px;" data-bind="click: $root.overviewVM.viewBook">
						<div class="title" data-bind="text: overView.title"></div>
						<div class="overview-item">
							<p style="line-height: 20px" data-bind="text: overView.author" class="overview-author author"></p>
							<div class="overview-text" data-bind="text: overView.subExtraText">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
